<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/templatemo_style.css" media="screen" />

        <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/screen.css" media="screen" />
        <script src="{{rootUrl}}global/js/jquery-1.4.1.min.js" type="text/javascript"></script>	
        <style type="text/css">
            .hidden{display: none}
            <!--


            #contactform {

                width: 500px;
                padding: 20px;
                background: #f0f0f0;
                overflow:auto;

                border: 1px solid #cccccc;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                border-radius: 7px;	

                -moz-box-shadow: 2px 2px 2px #cccccc;
                -webkit-box-shadow: 2px 2px 2px #cccccc;
                box-shadow: 2px 2px 2px #cccccc;

            }

            .field{margin-bottom:7px;}

            label {
                font-family: Arial, Verdana; 
                text-shadow: 2px 2px 2px #ccc;
                display: block; 
                float: left; 
                font-weight: bold; 
                margin-right:10px; 
                text-align: right; 
                width: 120px; 
                line-height: 25px; 
                font-size: 15px; 
            }

            .input{
                font-family: Arial, Verdana; 
                font-size: 15px; 
                padding: 5px; 
                border: 1px solid #b9bdc1; 
                width: 300px; 
                color: #797979;	
            }

            .input:focus{
                background-color:#E7E8E7;	
            }

            .textarea {
                height:150px;	
            }

            .hint{
                display:none;
            }

            .field:hover .hint {  
                position: absolute;
                display: block;  
                margin: -30px 0 0 455px;
                color: #FFFFFF;
                padding: 7px 10px;
                background: rgba(0, 0, 0, 0.6);

                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                border-radius: 7px;	
            }

            .button{
                float: right;
                margin:10px 55px 10px 0;
                font-weight: bold;
                line-height: 1;
                padding: 6px 10px;
                cursor:pointer;   
                color: #fff;

                text-align: center;
                text-shadow: 0 -1px 1px #64799e;

                /* Background gradient */
                background: #a5b8da;
                background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));

                /* Border style */
                border: 1px solid #5c6f91;  
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                border-radius: 10px;

                /* Box shadow */
                -moz-box-shadow: inset 0 1px 0 0 #aec3e5;
                -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
                box-shadow: inset 0 1px 0 0 #aec3e5;

            }

            .button:hover {
                background: #848FB2;
                cursor: pointer;
            }
            -->
        </style>
        <title>Figuratively&Speaking</title>
    </head>
    <body>
        <div id="wrapper">
              <!-- include 'header' -->
<!--            <div id="header">
                <div id="logo">
                    <h1><a href="index.html">Figuratively<span>&amp;</span>Speaking</a></h1>
                </div>
                <div class="clr"></div>
            </div>-->
            <div class="content">
                     <!-- include 'menu' -->
<!--                <ul id="menu">
                    <li><a  href="{{rootUrl}}image/index">Home</a></li>
                    <li><a href="{{rootUrl}}image/addPage" class="current">INTORDUCTION</a></li>
                    <li><a href="{{rootUrl}}image/type/1" >PICTURE</a></li>
                    <li><a href="{{rootUrl}}image/typePage">MODEL</a></li>
                    <li><a href="{{rootUrl}}image/contactPage"  >CONTACT</a></li>
                    <li onmouseover="$('#x_select').show();" onmouseout="$('#x_select').hide();"><a href="javascript:;" >ABOUT</a><br/>
                        <p  id="x_select"style="position: absolute;background: black; display: none;"> <a href="{{rootUrl}}image/artistPage">ARTIST</a><br/>
                            <a href="{{rootUrl}}image/artistProuctPage">ARTIST PRODUCT</a></p>
                    </li>
                    <li><a href="{{rootUrl}}image/modelPage" id="login">MODEL CHART</a></li>
                    <li><a href="{{rootUrl}}admin" id="login">ADMIN</a></li>
                </ul>-->
<!--                <div id="pitch">
                    <h1>Sed at elit non est auctor lobortis sed nec<br />
                        Vivamus nec odio eget lacus semper</h1>
                    <p><em>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut enim risus, rhoncus sit amet ultricies vel, aliquet ut dolor. Duis iaculis urna vel massa ultricies suscipit.</em></p>
                </div>-->



                <!-- 显示表单部分 -->
                <div style="margin:20px auto;width:550px; ">
                    <form enctype ="multipart/form-data" id="contactform" class="rounded" method="post" action="{{rootUrl}}image/signup">
                        <h3>Signup Form</h3>



                        <div class="field">
                            <label for="username">username:</label>
                            <input type="text" class="input" name="username" id="username" />
                            <p class="hint">Enter the  username.</p>
                        </div>
                        <div class="field">
                            <label for="password">password:</label>
                            <input type="password" class="input" name="password1" id="password1" />
                            <p class="hint">Enter the password.</p>
                        </div>
                           <div class="field">
                            <label for="password2">confirm password:</label>
                            <input type="password" class="input" name="password2" id="password2" />
                            <p class="hint">Enter the password.</p>
                        </div>



                        <input type="submit" name="Submit" onclick="sumit();return false" class="button" value="Submit" />
                    </form>
                </div>
                <!-- 显示表单结束 -->

   <script>
                        function sumit(){
                            if($('#username').val()==''){
                                alert('username is requeid');
                                return;
                            }
                            if($('#password1').val()==''){
                                  alert('password is requeid');
                                return;
                            }
                          
                            if($('#password1').val()!=$('#password2').val()){
                                alert('password not equal');
                                return;
                            }
                            $('#contactform').sumit();
                            
                            
                            
                        }
                        
                        
                    </script>





<!--                <div id="footer">
                    <p id="links">
                        <a href="#">Privacy Policy</a>
                        <a href="#">Terms of Use</a>
                    </p>
                    <p>
                        <a href="#">Home</a>
                        <a href="#">Practice</a>
                        <a href="#">Attorneys</a>
                        <a href="#">Accidents</a>
                        <a href="#">News</a>
                        <a href="#">About Us</a>
                        <a href="#">Contact Us</a>
                    </p>
                    <p>Copyright &copy; 2010 &minus; Lawyer&amp;Attorney &middot; Design: Luka Cvrk, <a href="http://www.cssmoban.com" title="Free CSS Templates">cssMoban.com</a> &not; <a href="http://www.lawyermarketinggroup.com/">Law Firm Marketing</a></p>
                </div>-->
            </div>
<!-- include 'footer' -->
    </div>
    </body>
</html>


<script type="text/javascript">
    $('#menu a').click(function(){
        $('#menu a').removeClass('current');
        $(this).addClass('current');
    })
    
    
    
    
</script>

